<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "" "">
<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:w="http://www.apusic.com/jsf/widget"
	xmlns:layout="http://www.apusic.com/jsf/layout"
	xmlns:ajax="http://www.apusic.com/jsf/ajax" renderKitId="AJAX"
	xmlns:h="http://java.sun.com/jsf/html">
	<w:head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<w:stylesheet src="resources/css/auth.css"></w:stylesheet>
		<style type="text/css">
.content {
	width: 950px;
	height: 390px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -195px;
	margin-left: -475px;
}
</style>
	</w:head>

	<w:page title="登陆页面" loadMask="true" loadMaskText="请您登陆">

		<!-- styleClass="content" 实现内固定且居中、外扩充 -->
		<layout:panel styleClass="content" border="0">
			<layout:panelGrid columns="2">
				<layout:cell styleClass="leftForm">
					<w:form styleClass="loginForm" clientValidate="true"
						prependId="false">
						<div class="formBorder">
							<img src="resources/images/userlogin.gif" />
							<layout:panelGrid columns="2" style="margin-left:40px"
								styleClass="loginLeftTable">
								<layout:cell styleClass="formLabel">
									<span class="redColor">*</span> 用户名</layout:cell>
								<layout:cell styleClass="inputTD">
									<w:textField id="j_username" styleClass="inputfield"></w:textField>
								</layout:cell>
								<layout:cell></layout:cell>
								<layout:cell styleClass="vbErrorDiv" style="height: 18px;">由3－15位小写英文字母、数字或“_”组成。</layout:cell>
								<layout:cell styleClass="formLabel">
									<span class="redColor">*</span> 密码</layout:cell>
								<layout:cell styleClass="inputTD">
									<w:textField id="j_password" styleClass="inputfield"
										inputType="password"></w:textField>
								</layout:cell>
								<layout:cell></layout:cell>
								<layout:cell styleClass="vbErrorDiv" style="height: 18px;">由6-15位英文字母、数字或“_”组成。</layout:cell>
								<layout:cell styleClass="formLabel">
									<span class="redColor">*</span> 验证码</layout:cell>
								<layout:cell styleClass="inputTD">
									<layout:panelGrid columns="2" styleClass="validateTable">
										<layout:cell styleClass="validateInputTD">
											<w:textField id="j_captcha" styleClass="validateInput"></w:textField>
										</layout:cell>
										<layout:cell>
											<h:commandLink value="刷新验证码" id="changeImg"
												style="cursor: pointer; text-decoration: underline; color: blue; width: 80px; margin-left: 10px; color: #438DBD;"></h:commandLink>
										</layout:cell>
									</layout:panelGrid>
									<layout:cell styleClass="validateImg">
										<w:drawImage id="jcaptchaImg" value="/security/jcaptcha.jpg"
											style="cursor: pointer;" title="换一个"></w:drawImage>
									</layout:cell>
								</layout:cell>
								<layout:cell></layout:cell>
								<layout:cell></layout:cell>
								<layout:cell></layout:cell>
								<layout:cell>
									<layout:panelGrid columns="2">
										<layout:cell>
										</layout:cell>
										<layout:cell>
											<a class="commonLink" href="#"> 注册</a>
											<a href="fontservice/findpw/findpw.faces" class="commonLink">忘记密码</a>
										</layout:cell>
									</layout:panelGrid>
								</layout:cell>
								<layout:cell></layout:cell>
								<layout:cell>
									<layout:panelGrid columns="2">
										<w:button id="loginBtn" action="#{loginBean.loginBtn}" />
										<w:button id="resetBtn" action="#{loginBean.resetBtn}" />
									</layout:panelGrid>
								</layout:cell>
								<layout:cell colspan="2" rowspan="1" align="center">
									<layout:panelGrid columns="2">
										<layout:cell colspan="2" rowspan="1">
											<h:outputLabel id="tips" style="color:red"></h:outputLabel>
										</layout:cell>
									</layout:panelGrid>
								</layout:cell>
							</layout:panelGrid>
						</div>
					</w:form>
				</layout:cell>
				<layout:cell styleClass="login_right_desc">
					<div class="login_desc">
						<div>
							这边是华丽的新闻~~~~~
						</div>
						<ul>
							<li>
								<img src="resources/images/item_icon.gif"
									style="vertical-align: text-top;" />
								11111111
							</li>
							<li>
								<img src="resources/images/item_icon.gif"
									style="vertical-align: text-top;" />
								2222222
							</li>
							<li>
								<img src="resources/images/item_icon.gif"
									style="vertical-align: text-top;" />
								3333333
							</li>
							<li>
								<img src="resources/images/item_icon.gif"
									style="vertical-align: text-top;" />
								444444
							</li>
						</ul>
					</div>
				</layout:cell>
			</layout:panelGrid>
		</layout:panel>
	</w:page>
</f:view>